<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" />
	<title><?php echo !empty($this->clips['pagetitle'])? $this->clips['pagetitle'] : '&nbsp;'; ?></title>
	<link href="/resources/frontend/images/5.jpg" rel="icon">
	
	<!-- Set render engine for 360 browser -->
	<meta name="renderer" content="webkit">
	
	<!-- No Baidu Siteapp-->
	<meta http-equiv="Cache-Control" content="no-siteapp"/>
	
	<!-- Add to homescreen for Chrome on Android -->
	<meta name="mobile-web-app-capable" content="yes">
	
	<!-- Add to homescreen for Safari on iOS -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
	
	<!-- Tile icon for Win8 (144x144 + tile color) -->
	<meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
	<meta name="msapplication-TileColor" content="#0e90d2">
	
	<link rel="stylesheet" href="/resources/common/amazeui/css/amazeui.min.css" />

	<script src="/resources/common/amazeui/js/jquery.min.js"></script>
	<script src="/resources/common/amazeui/js/amazeui.min.js"></script>
	
	<link rel="stylesheet" type="text/css" media="all" href="/resources/frontend/css/activity_style.css?a=<?php echo rand(); ?>" />
    
	<?php echo $this->clips['css-files']; ?>
	
	<script src="/resources/common/js/jquery.mobile.custom.min.js"></script>
	<?php echo $this->clips['js-files']; ?>

</head>

<body>
	<script>
		$.AMUI.progress.start();
		$(document).ready(function(){
			$.AMUI.progress.done();
		});
	</script>
	
	<div class="am-modal am-modal-alert" tabindex="-1" id="modal-global-alert">
		<div class="am-modal-dialog">
			<div class="am-modal-hd h"></div>
			<div class="am-modal-bd bd"></div>
			<div class="am-modal-footer">
				<span class="am-modal-btn">确定</span>
			</div>
		</div>
	</div>
    

	<?php echo $this->clips['page-pre']; ?>

	<div id="page-wrapper">
		<?php echo $content; ?>
	</div>
	
	<script>
		$(document).ready(function(){
			var myScroll = new $.AMUI.iScroll('#page-wrapper');

			$(document).on('tap', 'a', function(){
				if($(this).attr('href') == 'javascript: {}'){
					return true;
				}else if($(this).attr('href') == '#'){
					window.location.href = $(this).attr('href');
				}else{
					$.AMUI.progress.start();
					window.location.href = $(this).attr('href');
				}
				
			});
		});
        $("#prize_rule").on('tap', function() {
            $('#rule-main').fadeIn();
        });
//        $('.rule_close').on('tap',function(){
//            $('#rule-main').fadeOut();
//        });
        $('.rule-main').on('tap',function(){
            $('#rule-main').fadeOut();
        });
	</script>
</body>
</html>
